<template>
  <div class="code-box">

    <div class="public-flex-box">
      <div class="public-code-icon" @click="lookCode1">
        <div class="public-title-bold">树</div>
        <img :src="imgsrc1" alt="" />
      </div>
      <div v-show="islook1">
        <tree></tree>
      </div>
    </div>
    <div class="public-flex-box">
      <div class="public-code-icon" @click="lookCode1">
        <div class="public-title-bold">需要引用</div>
        <img :src="imgsrc1" alt="" />
      </div>
      <div v-show="islook1">
        styles/resetAntNew.scss 所有样式在这个里面
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import tree from './components/tree.vue'




const imgsrc1 = ref(
  "https://gw.alipayobjects.com/zos/antfincdn/Z5c7kzvi30/expand.svg"
);
let islook1 = ref(true);
const lookCode1 = () => {
  islook1.value = !islook1.value
}

</script>


<style lang="scss" scoped>
.code-box {
  width: 100%;
  height: 100%;
  overflow-y: auto;

  .cont-box {
    height: 100vh;
  }
}
</style>